<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="/libs/bootstrap/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="/libs/swiper/swiper.min.css" />
		<link rel="stylesheet" type="text/css" href="/css/modules/list.css" />
	</head>
	<body>
		<header></header>
		<main>
			<a href="/html/modules/cart.html">
				<div class="ToCart"></div>
			</a>
			<div class="list-box" id="list-box">
				<div class="list-title" id="list-title">
					
				</div>
				<script type="text/html" id="list-boxTemplate">
					<div class="new-Commodity" id="new-Commodity">
						<a href="#" id="new-1" style="margin-right: 15px;color: red;">{{categoriesTitle}}</a>
						<a href="#" id="new-Commodity-num">
							<select>
								{{each categories shop}}
								<option value ="">{{shop.title}}</option>
								{{/each}}
							</select>
						</a>
					</div>
					<div class="new-txt">
						<a href="#" id="new-1" style="color:orange;">{{categoriesTitle}}</a>
					</div>
					<div class="new-sorted" style="margin-right: 2%;">
						<a href="#" id="screening" style="margin-right: 15px;">筛选</a>
						<a href="#" id="sorted">
							<select name="">
								{{each sortTypes item}}
								<option value="{{item.name}}">{{item.name}}</option>
								{{/each}}
							</select>
						</a>
					</div>
				</script>
				
				<div class="shopshow">
					<ul id="shop-all"></ul>
					<script type="text/html" id="shop-allTemplate">
						{{each items.list shop}}
						{{if shop.id}}
						<li>
							<span id="to-cart">+</span>
							<a href="/html/modules/detail.html?id={{shop.id}}" id="shop-img"><img src={{shop.image}}></a> 
							<p id="shop-info"><a href="#"></a>{{shop.title}}</p>
							<p>￥ {{shop.originPrice}}</p>
							<div id="shop-color">
								<div id="color">
									{{if shop.couponValue}}
									<span style="color:red;">{{shop.couponValue}}</span>
									<span style="color: red;">{{shop.expireMsg}}</span>
									{{/if}}
								</div>
							</div>
								<!-- <span class="color color-2" id="color-2"></span> -->
						</li>
						{{/if}}
						{{/each}}
					</script>
				</div>
			</div>
		</main>
		<footer></footer>

		<script src="/libs/require-demo/require.js" data-main="/js/modules/list" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
